<template>
 <div class="sellswiper">
    <swiper :options="swiperOption" >
        <swiper-slide v-for="(item,i) of swiper" :key="'ss'+i"><img :src="item.image_800" alt=""></swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div>
    </swiper>
 </div>
</template>

<script>

import 'swiper/dist/css/swiper.css'
 
import { swiper, swiperSlide } from 'vue-awesome-swiper'


 export default {
   data () {
     return {
        swiperOption: {
            autoplay: 2000,
            loop:true,
            pagination:'.swiper-pagination',
            paginationType:'bullets'
        },
     }
   },
   props:{
       swiper:null
   },
   components: {
        swiper,
        swiperSlide,
   }
 }
</script>

<style lang='less' scoped>
    .sellswiper{
        width:100%;
        height:300px;
        border:1px solid #ccc;
        img{
            width:750px;
            height:300px;
        }
    }
 
</style>
